<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'K5a472fd9dd32e49cfa492359d39c6604d','nRfd80dc3b0f234706aff5c1588e8c3386','Zo075a10e19e2e444b8bf451d3366cbfbb','oBe50aaa17ec5d4165a58e863cdc6f06af','oy86e9a8edfd0f491ea93cacc073d9a290','QNdcc422b8f6654287aa844c9839e21dd1','Pnad07ef69c7024701b57f4c47efd37bd1','B439f0ba504a484372a9c660b7cb25ee55','zK90301f81c1e24baba59a2341043545a2','gA048978b03dc44f07a3ed18bec3fe2c20'"  ></cms:ads>
<!doctype html>
<html lang="zh-CN">
 <head> 
  <meta charset="utf-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <link rel="icon" sizes="any"  target="blank" href="${浏览器logo}">
  <title>客户服务${网页标题}</title>
  <link   href="http://hwfile.jyymatrix.cc/public/css/bootstrap.min.css" rel="stylesheet"> 
  <link   href="http://hwfile.jyymatrix.cc/public/css/reset.css" rel="stylesheet"> 
  <link   href="http://hwfile.jyymatrix.cc/joffre/css/common.css" rel="stylesheet"> 
  <link   href="http://at.alicdn.com/t/font_952431_vmk469ke6wr.css" rel="stylesheet"> 
  <link   href="http://hwfile.jyymatrix.cc/public/plugin/swiper/swiper.min.css" rel="stylesheet"> 
  <link   href="http://hwfile.jyymatrix.cc/public/css/animate.css" rel="stylesheet"> 
   <script src="http://hwfile.jyymatrix.cc/public/js/jquery.min.js"></script> 
  <script src="http://hwfile.jyymatrix.cc/public/js/bootstrap.min.js"></script> 
  <script src="http://hwfile.jyymatrix.cc/public/js/wow.min.js"></script> 
  <script src="http://hwfile.jyymatrix.cc/public/plugin/swiper/swiper.min.js"></script> 
  <script src="http://hwfile.jyymatrix.cc/joffre/js/common.js"></script> 
  <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]--> 
  <style>.w{ width: 230px; height: 298px; float: left; border-top: 1px solid #e9e2eb; text-align: center; } .w a{ margin-top: 25px; display: inline-block; } .bbli a{ line-height: 32px; color: #7a7a7a; } .bbbox a:hover{ color: #7a6a87; padding-bottom: 5px; text-decoration: underline; }</style> 
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  
  <cms:art var="article" id="${param.id }"></cms:art>
  
  <div class="bbbox" style="height:30px; background:#f4f2f5;"> 
   <span style="color:#7a7a7a;line-height:30px;padding-left: 22px;" class="zy" data-type="art" data-id="${art.artId}">首页 > 
   ${article.artTitle}</span> 
  </div> 
  <div class="bbbox" style="overflow: hidden;"> 
   <div style="width:180px; float:left;border-right:1px solid #e9e2eb;height:500px;"> 
    <div style="width:165px;height:2px;margin-top:4px;"> 
     <div> 
     <cms:arts var="khfw" code="khfw"></cms:arts>
      <h1 onclick="shwo(this,'d1')" style="line-height:50px;cursor: pointer;border-bottom:1px solid #baadc4; "  >${cate.artTypeName}</h1> 
      <ul class="bbli" id="d1"> 
      <c:forEach items="${khfw }"  var="art" >
        <li><a  target="blank" href="${path}/do/redirect/pc/customerService?id=${art.artId}" class="zy" id="${art.artId}" data-type="art" data-id="${art.artId}">${art.artTitle}</a></li>

       </c:forEach>
      </ul> 
     </div> 
    </div> 
   </div> 
   <div style="width:700px; float:left;overflow: hidden;"> 
    <div style="width:720px;height:55px;margin-left:30px;color:7a7a7a; line-height: 55px;border-bottom:1px solid #b2b2b2;" class="zy" data-type="ad"
     data-id="${Pnad07ef69c7024701b57f4c47efd37bd1.adId}">
     ${artContent.artTitle}
    </div> 
    <div style="margin-left:30px;"> 
 		${article.artContent}
    </div> 
   </div> 
  </div> 
  <jsp:include page="_footer.jsp"></jsp:include> 
 
  <script>


function shwo(node,id){
 var i=$(node).children("i");
  if(i.hasClass("icon-packup")){
    i.removeClass("icon-packup");
    i.addClass("icon-unfold");
  }else{
    i.addClass("icon-packup");
    i.removeClass("icon-unfold");
  }
  $("#"+id).slideToggle("fast");
}
$("#${param.id}").addClass("hover")

</script>   
 </body>
</html>